// 创建新建菜单js
var menuList = [
    {
        id: 'model',
        iconPath: '../images/index/icon_ui_model.png',
        name: '新建UI Model',
        desc: '通过在文档中文字文字文字文字文字，做为什么使用',
        defaultBgUrl: '../images/index/item_bg_default.png',
        activeBgUrl: '../images/index/item_bg_active.png',
    },
    {
        id: 'form',
        iconPath: '../images/index/icon_ui_form.png',
        name: '新建UI Form',
        desc: '通过在文档中文字文字文字文字文字，做为什么使用',
        defaultBgUrl: '../images/index/item_bg_default.png',
        activeBgUrl: '../images/index/item_bg_active.png',
    },
    {
        id: 'model',
        iconPath: '../images/index/icon_ui_model.png',
        name: '新建UI Model',
        desc: '通过在文档中文字文字文字文字文字，做为什么使用',
        defaultBgUrl: '../images/index/item_bg_default.png',
        activeBgUrl: '../images/index/item_bg_active.png',
    },
    {
        id: 'model',
        iconPath: '../images/index/icon_ui_model.png',
        name: '新建UI Model',
        desc: '通过在文档中文字文字文字文字文字，做为什么使用',
        defaultBgUrl: '../images/index/item_bg_default.png',
        activeBgUrl: '../images/index/item_bg_active.png',
    },
    {
        id: 'model',
        iconPath: '../images/index/icon_ui_model.png',
        name: '新建UI Model',
        desc: '通过在文档中文字文字文字文字文字，做为什么使用',
        defaultBgUrl: '../images/index/item_bg_default.png',
        activeBgUrl: '../images/index/item_bg_active.png',
    }
]

var renderMenu = function(data) {
    var strHtml = ""
    for (var i = 0; i < data.length; i++) {
        strHtml += "<div class='item' id='" + data[i].id + "' onclick='createHandler("+ data[i].id +")'>\
                        <img class='icon' src='"+ data[i].iconPath +"' alt='images' />\
                        <p class='title'>"+ data[i].name +"</p>\
                        <p class='desc'>"+ data[i].desc +"</p>\
                    </div>"
    }
    $(".create-wrapper").append(strHtml)
}

function bindClick() {
    $(".create-wrapper").find('.item').on('click', function(e) {
        var id = $(this).attr('id')
        createHandler(id)
    })
}

renderMenu(menuList)
bindClick()